<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"/>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/login.css"/>
    <title>评价</title>
</head>
<body>
    <div class="pingjia content">
        <div class="personal_guide">
            <div class="m-list">
                <div class="m-list-name">
                    <div class="imgClu">
                        <img src="img/personal_guide_img01.png" alt=""/>
                    </div>
                    <div class="guide_tag tag1">
                        <i class="icon icon-women"></i><i class="icon icon-man"></i><span>26</span>
                    </div>
                </div>
                <div class="m-list-inner">
                    <h2>Lazar</h2>
                    <p class="p1">500元/小时</p>
                    <p class="p2">擅长：减脂塑形、运动康复</p>
                </div>
            </div>
        </div>
        <div class="evaluate_box">
            <div class="eva_star clear">
                评价
                <span class="star">
                    <i class="icon icon-star"></i>
                    <i class="icon icon-star"></i>
                    <i class="icon icon-star"></i>
                    <i class="icon icon-star"></i>
                    <i class="icon icon-star"></i>
                </span>
                <span class="fr tstar"><em>5</em>星</span>
                <input type="hidden" class="eva_star_hidden"/>
            </div>
            <textarea placeholder="对这次锻炼有什么意见吗">

            </textarea>
        </div>
        <div class="btn-box">
            <div class="btn btn-long">发布</div>
        </div>

    </div>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script>
        //star
        function getstar(){
            var star = $('.eva_star .star i');
            var input = $('.eva_star_hidden');
            var show = $('.eva_star .tstar em');
            star.on('touchstart',function(){
                var inx = $(this).index();
                $(this).addClass('on').prevAll().addClass('on');
                $(this).nextAll().removeClass('on');
                input.val(inx + 1);
                show.text(inx + 1);
            })
        }
        getstar();
    </script>
</body>
</html>